* { margin: 0; padding: 0; }
body { background-color: #333333; }
img { border: 0; vertical-align: top; }
ul, li { list-style: none; }

.shutter {
    overflow: hidden;
    width: 100%;
    height: 358px;
    position: relative;
    margin:  auto;
    border-radius: 10px;

}
.shutter-img {
    z-index: 1;
}
.shutter-img,
.shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     background-color: white;
}
.shutter-img a {
    cursor: default;
}
.shutter-img a > img {
    width: auto;
    height: 100%;
}
.shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 49px;
    height: 49px;
    margin-top: -25px;
    cursor: pointer;
}
.shutter-btn li.prev {
    left: 20px;
    background: url(../shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
    right: 20px;
    background: url(../shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    /*height: 36px;*/
    background: url(../shutter_shadow.png) repeat;
}
.shutter-desc p {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
}